<template>
	<!-- <div> -->
		<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
			<van-swipe-item v-for="(item,index) in content" :key='index'><img :src="$url+item.pic" alt="" class="swiimg"></van-swipe-item>
		</van-swipe>
	<!-- </div> -->
</template>

<script>
	import Vue from 'vue';
	import { Swipe, SwipeItem } from 'vant';
	
	Vue.use(Swipe);
	Vue.use(SwipeItem);
	export default {
		data() {
			return {
			}
		},
		props:{
			content:[]
		},
	}
</script>

<style>

	.my-swipe .van-swipe-item {
		color: #fff;
		font-size: 20px;
		line-height: 150px;
		text-align: center;
	}

	.my-swipe .van-swipe-item .swiimg {
		vertical-align: top;
		border: none;
		display: block;
		width: 100%;
	}
	
</style>
